<!-----------找回密码未绑定手机页面------------->
<template>
	<div>
		<topheader :toptitle="toptitle"/>
		<div class="wrapper">
			<div class="wrapper-inner">		
				<img class="phone-bind phone-bind-error" src="static/img/error.png"/>
				<p class="bind-tip tc">您还没有绑定手机，暂时无法找回密码~</p>
				<p class="server ser-help">客服QQ：<span v-text="message"
	                                     v-clipboard:copy="message"
	                                     v-clipboard:success="onCopy"
	                                     v-clipboard:error="onError"></span></p>
			</div>	
		</div>  
	</div>	
</template>

	
<script>
	import Vue from 'vue'
	import topheader from '@/components/topheader'
	import {Toast} from "mint-ui"
	import apiConfig from '../config/api.js'
	
    export default {
    	name: 'nobindphone',
    	components: {
			'topheader':topheader
		},
        data () {
            return {
				toptitle: "找回密码",
				message: "800063550"
            }
        },
		created (){
			
		},
		methods: {
	      onCopy: function (e) {
	        let instance = Toast({
	          message: "复制成功",
	          position: "middle",
	          duration: 5000,
	          iconClass: "icon icon-success", // icon 图标的类名
	          className: "addClass" // Toast 的类名。可以为其添加样式
	        })
	        setTimeout(() => {
	          instance.close()
	        }, 2000)
	      },
	      onError: function (e) {
	        let instance = Toast({
	          message: "该浏览器不支持自动复制",
	          position: "middle",
	          duration: 5000
	        })
	        setTimeout(() => {
	          instance.close()
	        }, 2000)
	      }
	    }
    }
</script>

